import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router/index.js'
import { createPinia } from 'pinia'
import { 
  Button,
  Field,
  Form,
  CellGroup,
  Toast,
  NavBar,
  List,
  Cell,
  PullRefresh,
  Tabbar,
  TabbarItem,
  Grid,
  GridItem,
  Card,
  Tag,
  Dialog,
  Tab,
  Tabs,
  Stepper,
  SwipeCell,
  Empty,
  Badge,
  AddressList,
  SubmitBar
} from 'vant'
import 'vant/lib/index.css'

const app = createApp(App)
const pinia = createPinia()

// 注册Vant组件
app.use(Button)
app.use(Field)
app.use(Form)
app.use(CellGroup)
app.use(Toast)
app.use(NavBar)
app.use(List)
app.use(Cell)
app.use(PullRefresh)
app.use(Tabbar)
app.use(TabbarItem)
app.use(Grid)
app.use(GridItem)
app.use(Card)
app.use(Tag)
app.use(Dialog)
app.use(Tab)
app.use(Tabs)
app.use(Stepper)
app.use(SwipeCell)
app.use(Empty)
app.use(Badge)
app.use(AddressList)
app.use(SubmitBar)

app.use(pinia)
app.use(router)
app.mount('#app')
